<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>等待接单</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">

    <link rel="stylesheet" href="/sunfc/css/weui.css">
    <link rel="stylesheet" href="/sunfc/css/jquery-weui.css">
    <link rel="stylesheet" href="/sunfc/css/style.css">

<style type="text/css">
    .weui-actionsheet__cell{font-size: 16px;}
</style>
</head>
<body class="back1">
    <div class="index-top">
        <div class="index-back" onclick="tt();">
            <img src="/sunfc/images/back.png" width="15">
        </div>
        <script>
            function tt() {
                window.location.href="{:url('index/sunfc.driver/index')}";
            }
        </script>
        <p class="index-title">等待乘客预约</p>
        <div class="index-right" id="cancelXuan">
            <img src="/sunfc/images/xuan.png" width="15">
        </div>
    </div>
    

    <!-- 这里写内容 -->
    <div style="margin-top: 45px;">    
    </div>
    <div class="index-box waitCarOwnerRec">
        <div class="yourTrip">
            <p>{$order['begin_place']}{$order['begin_detail']}</p>
            <img src="/sunfc/images/jiantou.png" width="15">
            <p>{$order['end_place']}{$order['end_detail']}</p>
        </div>
        <div class="cancelOrderBtn">
            <a href="{:url('sunfc.driver/cancel_order',['publish_id'=>$publish_id])}" id="cancelOrd">取消行程</a>
        </div>
    </div>

    <!--没有顺风车主-->
    <div class="waitCarOwner">
        <img src="/sunfc/images/shal2.png" width="60">
        <p class="p1">正在持续寻找顺路乘客</p>
        <p class="p2">顺风车是预约制，耐心等待可以提高接单率</p>
    </div>

<script src="/sunfc/js/jquery.min.js"></script>
<script src="/sunfc/js/jquery-weui.min.js"></script>
    <script>
        // 显示 ActionSheet
        $(document).on("click", "#cancelXuan", function() {
            $.actions({
                // title: "选择操作",
                onClose: function() {
                    console.log("close");
                },
                actions: [
                    {
                        text: "重新发布行程",
                        onClick: function() {
                            // $.alert("发布成功");
                            location.href="确认发布.html";
                        }
                    },
                    {
                        text: "取消订单",
                        onClick: function() {
                            // $.alert("你选择了“取消订单”");
                            location.href="取消成功.html";
                        }
                    }
                ]
            });
        });

        $(document).on("click","#cancelOrd",function () {
            // 点击取消订单按钮
        });
    </script>
</body>
</html>

